@import "../../common/base.less";
@import "../../common/newNormalize.less";

html,body{
    height: 100% !important;
    overflow-y: visible !important;
     width: 100%;
    height: 100%;
    background: #E0E3E8 !important;
}

.clearfix{
  zoom:1
}

.clearfix:after{
  content:"";
  height:0;
  line-height:0;
  display:block;
  visibility:hidden;
  clear:both
}

.searchLogin {
    background: #E0E3E8 !important;
    width: 100%;
    height: 100%;
    overflow:hidden;
    .searchLoginMain {
        .px2rem(width,
        1200);
        margin: 0 auto;
        .px2rem(margin-top,80);
        .SlCenter {
            width: 100%;
            
            .SlCenterL {
                height: 100%;
                .px2rem(width,
                270);
                float: left;
                .px2rem(height,600);

            }
            .SlCenterR {
                .px2rem(width,
                900);
                float: right;
                .px2rem(margin-left,
                30);
                .px2rem(margin-top,
                23);
                .userInfo {
                    width: 100%;
                    .px2rem(height,
                    60);
                    .px2rem(line-height,
                    60);
                    .px2rem(margin-top,
                    25);
                    .px2rem(margin-bottom,
                    25);
                    background: rgba(0, 0, 0, 0.2);
                    color: #fff;
                    .px2rem(font-size,
                    18);
                    .info {
                        width: 30%;
                        height: 100%;
                        float: left;
                        .px2rem(text-indent,
                        35);
                        overflow: hidden;
                    }
                    .data {
                        width: 70%;
                        height: 100%;
                        float: right;
                        text-align: left;
                        overflow: hidden;
                        position: relative;
                        span{
                            float: left;
                        }

                        a {
                            display: block;
                           .px2rem(width,140);
                           .px2rem(height,35);
                           .px2rem(line-height,32);
                           .px2rem(margin-left,20);
                           .px2rem(margin-top,12);
                           .px2rem(border-radius,8);
                                border: 1px solid #B12D44;

                            float: left;
                            text-align: center;
                           background:#B12D44;
                        }
                        a:hover {
                            border: 1px solid #B12D44;
                            color: #B12D44;
                            background: rgba(0, 0, 0, 0.2);
                        }
                    }
                }

                .dataSev {
                    width: 100%;
                    background: rgba(0, 0, 0, 0.2);
                    overflow: hidden;
                    .px2rem(margin-top,
                    30);
                   
                    .title {
                        .px2rem(font-size,
                        22);
                        .px2rem(margin-top,
                        20);
                        .px2rem(margin-left,
                        30);
                        .px2rem(margin-bottom,
                        20);
                        color: #fff;
                    }
                    .sevList {
                        .px2rem(width,
                        840);
                        .px2rem(height,
                        55);
                        margin: 0 auto;
                        .sevListItem {
                            display: block;
                            .px2rem(width,
                            148);
                            .px2rem(height,
                            42);
                            .px2rem(line-height,
                            40);
                            .px2rem(font-size,
                            16);
                            .px2rem(border-radius,
                            10);
                            text-align: center;
                            color: #fff;
                            background: #B12D44;
                            .px2rem(margin-left,
                            10);
                            .px2rem(margin-right,
                            10);
                                border: 1px solid #B12D44;
                            float: left;
                        }
                        .sevListItem:hover {

                            border: 1px solid #B12D44;
                            color: #B12D44;
                            background: none;
                          
                        }
                    }

                    .chooseSev {
                        .px2rem(width,
                        840);
                        .px2rem(height,
                        40);
                        margin: 0 auto;
                        .px2rem(margin-top,
                        34);
                        .px2rem(margin-bottom,
                        20);
                        .changeData {
                            float: left;
                            .px2rem(width,
                            335);
                            height: 100%;
                            span {
                                .px2rem(font-size,
                                16);
                                color: #b6b6b6;
                                display: block;
                                float: left;
                            }
                            .selectData {
                                float: left;
                                .px2rem(width, 120);
                                .px2rem(height, 38);
                                .px2rem(line-height, 38);
                                .px2rem(margin-left, 14);
                                .px2rem(margin-top, -7);
                                .px2rem(padding-left, 20);
                                .px2rem(font-size,20);
                                color: #fff;
                                background: rgba(0, 0, 0, 0.2);
                                border: none;
                            }
                        }
                        .btn {
                            .px2rem(width, 112);
                            .px2rem(height, 38);
                            .px2rem(line-height, 38);
                            .px2rem(font-size, 18);
                            .px2rem(margin-top, -15);
                            text-align: center;
                            padding: 0;

                            color: #fff;
                            background: #B12D44;
                            .px2rem(border-radius, 10);
                        }
                    }
                    .changeSev {
                       width: 100%;
                        .px2rem(height,350);
                        margin: 0 auto;
                        .px2rem(margin-top, 20);
                        .px2rem(margin-bottom,10);
                        position: relative;
                        overflow-y: scroll;
                        .loading{
                            position: absolute;
                            .px2rem(bottom,-60);
                            left: 50;
                            transform: translateX(-50);
                            width: 100%;
                            .px2rem(height,30);
                            .px2rem(font-size,20);
                            .px2rem(line-height,30);
                            
                            text-align: center;
                            color: #fff;
                        }
                        .dataNum {
                            .px2rem(font-size, 12);
                            a {
                                .px2rem(padding-left, 20);
                                .px2rem(padding-right, 20);
                                .px2rem(padding-top, 2);
                                .px2rem(padding-bottom, 2);

                                .px2rem(height, 24);
                                .px2rem(line-height, 24);
                                .px2rem(border-radius, 12);
                                .px2rem(margin-left, 10);
                                .px2rem(margin-right, 10);


                                background: #4e92ff;
                                color: #fff;
                            }
                            .active {
                                color: #4e92ff;
                                background: rgba(0, 0, 0, 0.2);
                            }
                        }
                        .changeData {
                            width: 100%;
                            margin: 0 auto;
                            position: relative;
                            


                            a {
                                display: block;
                                .px2rem(width,
                                148);
                                .px2rem(height,
                                42);
                                .px2rem(line-height,
                                40);
                                .px2rem(font-size,
                                16);
                                .px2rem(border-radius,
                                10);
                                text-align: center;
                                color: #fff;
                                background: #B12D44;
                                .px2rem(margin-left,
                                10);
                                .px2rem(margin-right,
                                10);
                                .px2rem(margin-top,25);
                                overflow: hidden;
                                float: left;
                                border: 1px solid #B12D44;

                            }
                            a:hover {
                                color: #B12D44;
                                background: none;
                                border: 1px solid #B12D44;
                            }
                        }
                    }
                }
            }
        }
    }
}